<template>
    <div>
            <table class="table_detail" style="width: 100%;" v-if="cData">
                    <tr> <td colspan="5" class="headColor"> <span>出租条件与承租方资格条件</span></td></tr>                   
                    <tr>
                        <td rowspan="13" class="showC headColor"><span>出租条件</span></td>
                    </tr>
                    <tr v-for="(v,i) in firstInfo"  v-if="v.show == 3">
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><pre><span>{{cData[v.model]}}</span></pre></td>
                    </tr>
                    <tr v-else>
                        <td colspan="4" class="showC headColor" style="text-align: center;"><span>{{ v.name}}</span></td>
                    </tr>                                      
                    <tr> 
                        <td class="headColor"> <span>承租方资格条件</span></td>
                        <td colspan="4"><pre><span>{{cData.tenantQualification}}</span></pre></td>
                    </tr>  
                    <tr> 
                        <td class="headColor"> <span>踏勘安排</span></td>
                        <td colspan="4" class="showText"><span>时间：信息披露截止日前{{cData.surveyTime}}个工作日 <br>地点：{{cData.surveyLocation }} <br>联系人：{{cData.surveyContact }}</span></td>
                    </tr>    
                    <tr>
                        <td rowspan="5" class="showC headColor"><span>出租条件</span></td>
                    </tr>         
                    <tr v-for="(v,i) in thirdInfo" >
                        <template v-if="v.name == '交纳时间'">
                            <td class="headColor"><span>{{ v.name }}</span></td>
                            <td class="normalC">
                                <span>信息披露截止日16:00时前交纳（以到账时间为准）</span>                                
                            </td>
                        </template> 
                        <template v-else>
                            <td class="headColor"><span>{{ v.name }}</span></td>
                            <td colspan="3" class="normalC" v-if = 'v.model == "isPayTradingMargin"'><pre><span>{{cData[v.model] == false?'否':'是'}}</span></pre></td>
                            <td colspan="3" class="normalC" v-else><pre><span>{{cData[v.model]}}</span></pre></td>
                        </template>                       

                    </tr>                                        
            </table>
    </div>
</template>

<script>
    export default {
        props:{
            // cText:'',
            // cData:'',
            // cCol:'',
            cData: Object
        },
        data() {
            return {
                cCol: [
                    {
                        name1: "data1",
                    },{
                        name1: "data2",
                        name2: "data3"
                    },{
                        name1: "data4",
                        name2: "data5"
                    },{
                        name1: "data7",
                        name1: "data8"
                    },{
                        name1: "data9",
                        name1: "data10"
                    }
                ],              
                firstInfo:[{
                    name:'出租底价',
                    show:3,
                    model:"rentalReservePrice"
                },{
                    name:'出租面积',
                    show:3,
                    model:"rentalArea"
                },{
                    name:'出租期限',
                    show:3,
                    model:"rentalPeriod",
                },{
                    name:'起租日',
                    show:3,
                    model:"rentDate",
                },{
                    name:'免租期',
                    show:3,
                    model:"rentFreePeriod",
                },{
                    name:'租金支付条件',
                    show:3,
                    model:"rentPaymentRequest",
                },{
                    name:'租金调整方式',
                    show:3,
                    model:"rentAdjustmentMethod",
                },{
                    name:'履约保证金支付要求',
                    show:3,
                    model:"performanceBondPaymentRequirements",
                },{
                    name:'水电气物业费等费用的约定',
                    show:3,
                    model:"waterElectricityAgreement",
                },{
                    name:'出租用途要求',
                    show:3,
                    model:"rentalUseRequirements",
                },{
                    name:'是否允许装修改造',
                    show:3,
                    model:"allowRenovation",
                },{
                    name:'与出租相关的其他条件',
                    show:3,
                    model:"otherConditions",
                }],
                thirdInfo:[{
                    name:'交纳交易保证金',
                    model:"isPayTradingMargin"
                },{
                    name:'交纳金额',
                    model:"amountPaid"
                },{
                    name:'交纳时间',
                    model:"payTime"
                },{
                    name:'处置方式',
                    model:"solveMethod"
                }],       
            }
        },
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: 240px;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    
    
</style>